<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="jet.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="picasa.js"></script>
    </head>
    <body onload="init()">
        <div id="debug"></div>
        <img src="s16.gif" alt="" width="16" height="16" id="loading">
        <div id="login_container">
            <form method="post" action="#" id="login_form">
                <h2>Login with your <img src="https://www.google.com/accounts/google_transparent.gif" alt="" width="61" height="25"> account:</h2>
                <fieldset>
                    <ul>
                        <li>
                            <label for="username">Username:</label>
                            <input type="text" id="username" name="username" size="20" tabindex="1">
                        </li>
                        <li>
                            <label for="password">Password:</label>
                            <input type="password" id="password" name="password" size="20" tabindex="2">
                        </li>
                        <li>
                            <label for="submit">&nbsp;</label>
                            <input type="submit" id="submit" value="Login">
                        </li>
                    </ul>
                </fieldset>
            </form>
        </div>
        
        <div id="picker_container" style="display:none">
            <h3 id="picker_title">Select an album:</h3>
            <ul id="albums" class="gallery"></ul>
            <ul id="photos" class="gallery" style="display:none"></ul>
            <div id="url_container" style="display:none">
                Image URL: 
                <select id="photo_sizes">
                    <option value="72">72px</option>
                    <option value="72">144px</option>
                    <option value="72">288px</option>
                    <option value="72">400px</option>
                    <option value="72">800px</option>
                </select><br>
                <input type="text" id="photo_url" size="90" onclick="selectAll()"><br>
                <a href="#" id="copy_url">Copy to clipboard</a>
            </div>
            <ul id="nav" style="display:none">
                <li id="back" style="display:none"><a href="#" id="back_link">&laquo; Back to albums</a> |</li> 
                <li><span id="login_name"></span></li> |
                <li><a href="#" id="logout">Log out &raquo;</a></li>
            </ul>
        </div>
    </body>
</html>
